<input type="text">
<ul></ul>
<script type="module">
    import {get} from './ajax.js'
    var iptObj = document.querySelector('input')
    iptObj.oninput=function(){
        get(`http://www.baidu.com/sugrec`,`prod=pc&wd=${this.value}`,(res) =>{
            document.querySelector('ul').innerText=''
                if(!res.g) return //为空就停止执行下面代码
                res.g.forEach((item,i)=>{
                    var liObj = document.createElement('li')
                    liObj.innerText=item.q
                    document.querySelector('ul').appendChild(liObj)
                })
        })
    }
</script>
<!-- <script>
    
//1获取[input框]
var iptObj = document.querySelector('input')
// 2绑定[值改变事件]
iptObj.oninput=function(){
// 3事件处理函数中-请求接口

const xhr =new XMLHttpRequest
    xhr.onreadystatechange =()=>{
        if(xhr.readyState===4){
            if(xhr.status===200){
                // 4拿到数据-清空ul
                let res = JSON.parse(xhr.responseText)
                document.querySelector('ul').innerText=''
                if(!res.g) return //为空就停止执行下面代码
                res.g.forEach((item,i)=>{
                    var liObj = document.createElement('li')
                    liObj.innerText=item.q
                    document.querySelector('ul').appendChild(liObj)
                })
                // 5拿到数据-遍历->造li->追加
            }else{
                console.log('位置错误：',xhr.status);
            }
        }

    }
    xhr.open('get',`http://www.baidu.com/sugrec?prod=pc&wd=${this.value}`)
    xhr.send(null)
} -->



</script>